<!DOCTYPE html>
<html>
<head>
	<title>Trebuchet - Dashboard Mockup</title>
	
	<meta charset="UTF-8">
	<meta name="keywords" content="Trebuchet world domination strategy game">
	<meta name="description" content="Trebuchet, an online strategy game">
	
	<link rel="stylesheet" type="text/css" href="css/master.css">
</head>
<body id="Maint">

<header>
		<h1><a href="index.html">Trebuchet <small>Alpha</small></a></h1>
		<nav>
			<ul>
				<li><a class="zing" href="base.html">Start Game</a></li>
				<li><a href="maint.html">Dashboard</a></li>
				<li><a href="settings.html">Settings</a></li>
				<li><a href="signout.html">Sign Out</a></li>
			</ul>
		</nav>
		<div class="clear"></div>
</header>

<!-- Wrapper -->
<div id="Wrapper">
	<!-- Title Bar -->
	<div id="TitleBar">
		<h1>Mike's Dashboard</h1>
		
		<div id="Awards">
			<div class="gold">
				1st <small>12 Games</small>
			</div>
			<div class="silver">
				2nd <small>10 Games</small>
			</div>
			<div class="bronze">
				3rd <small>20 Games</small>
			</div>
			<a href="history.html">View History &raquo;</a>
		</div>
		<div class="clear"></div>
	</div>
	<!-- / Title Bar -->
	
	<!-- Col 1 -->
	<section class="col first">
		<div class="mod">
			<h2>Active Games <em>10</em></h2>
			<table class="Data">
			 <tr>
			  <th>Started</th>
			  <th>Name</th>
			  <th>Status</th>
			 </tr>
			 <tr>
			  <td class="nowrap">06-08-2012</td>
			  <td><a href="play.html">Geothermal Nuclear War</a></td>
			  <td>Waiting on players</td>
			 </tr>
			 <tr class="hi">
			  <td class="nowrap">06-06-2012</td>
			  <td><a href="play.html">Game of Doom</a></td>
			  <td>Your turn <small>(1 day)</small></td>
			 </tr>
			 <tr>
			  <td class="nowrap">06-04-2012</td>
			  <td><a href="play.html">Zombie Apocalypse</a></td>
			  <td>Jim's turn <small>(30 min)</small></td>
			 </tr>
			 <tr>
			  <td class="nowrap">05-21-2012</td>
			  <td><a href="play.html">Red Dawn</a></td>
			  <td>Jerry's turn <small>(4 days)</small></td>
			 </tr>
			 <tr>
			  <td class="nowrap">05-19-2012</td>
			  <td><a href="play.html">Death to All</a></td>
			  <td>Darth's turn <small>(6 hours)</small></td>
			 </tr>
			 <tr>
			  <td class="nowrap">05-16-2012</td>
			  <td><a href="play.html">Goblin Uprising</a></td>
			  <td>Leia's turn <small>(12 min)</small></td>
			 </tr> 
			 <tr>
			  <td class="nowrap">05-15-2012</td>
			  <td><a href="play.html">Chaos!</a></td>
			  <td>George's turn <small>(4 hours)</small></td>
			 </tr> 
			 <tr>
			  <td class="nowrap">05-10-2012</td>
			  <td><a href="play.html">Free For All</a></td>
			  <td>Greedo's turn <small>(2 days)</small></td>
			 </tr>
			 <tr>
			  <td class="nowrap">05-01-2012</td>
			  <td><a href="play.html">Castle Panic</a></td>
			  <td>Chewie's turn <small>(1 hour)</small></td>
			 </tr> 
			 <tr>
			  <td class="nowrap">04-20-2012</td>
			  <td><a href="play.html">Loser's Couch</a></td>
			  <td>Yoda's turn <small>(5 hours)</small></td>
			 </tr>
			</table>
		</div>
	</section>
	<!-- / Col 1 -->

	<!-- Col 3 -->
	<section class="col last">
		<div id="Users" class="mod">
			<h2>Friends</h2>
			<ul class="Data">
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>Cat of Doom</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>CherryBomb</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>Dan</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>DestructoBot</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>Hector, with the incredibly long username</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>He-man</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>Some Call Me Tim</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>Wolverine</a></li>
			 <li><a href="settings.html"><img src="images/users/tmp.jpg" alt=""/>Zaphod Beeblebrox</a></li>
			</ul>
		</div>
	</section>
	<!-- / Col 3 -->

	<!-- Col 2 -->
	<section class="col mid">
		<div class="mod">
			<h2>Latest Public Games <small><a href="lobby.html">See All &raquo;</a></small></h2>
			<table class="Data">
			 <tr>
			  <th>Name</th>
			  <th>Map</th>
			  <th>Creator</th>
			  <th>Needed</th>
			  <th>Join</th>
			 </tr>
			 <tr>
			  <td>Conquest</td>
			  <td>Standard World Map</td>
			  <td><a href="settings.html">DestructoBot</a></td>
			  <td>1</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Full Moon Fever</td>
			  <td>Werevolves of London</td>
			  <td><a href="settings.html">Mike</a></td>
			  <td>1</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Normandy</td>
			  <td>WWII Europe</td>
			  <td><a href="settings.html">Yoda</a></td>
			  <td>1</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>The Dark Side</td>
			  <td>Moon Map</td>
			  <td><a href="settings.html">OptimusPrime</a></td>
			  <td>1</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Nuclear Meltdown</td>
			  <td>U.S. Map</td>
			  <td><a href="settings.html">^-^</a></td>
			  <td>2</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Electoral College</td>
			  <td>U.S. Map</td>
			  <td><a href="settings.html">CherryBomb</a></td>
			  <td>2</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Battle Frenzy</td>
			  <td>Standard World Map</td>
			  <td><a href="settings.html">Dan</a></td>
			  <td>3</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Hand of Doom</td>
			  <td>Standard World Map</td>
			  <td><a href="settings.html">RubberSoul</a></td>
			  <td>3</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Wild West</td>
			  <td>Old West Map</td>
			  <td><a href="settings.html">DarthVader</a></td>
			  <td>3</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			 <tr>
			  <td>Thar Be Pirates</td>
			  <td>Caribbean Pirate Map</td>
			  <td><a href="settings.html">JimBob</a></td>
			  <td>4</td>
			  <td><input type="submit" value="Join"/></td>
			 </tr>
			</table>
		</div>
	</section>
	<!-- / Col 2 -->

	<div class="clear"></div>

	<footer>
		&copy;2012 Algonquin Studios
	</footer>

</div>
<!-- / Wrapper -->

</body>
</html>